<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>美特好商城登录</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" /> 

	<link rel="stylesheet" type="text/css" href="bootstrap.min.css" tppabs="https://demo.mycodes.net/denglu/disanfanglogin/vendor/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="font-awesome.min.css" tppabs="https://demo.mycodes.net/denglu/disanfanglogin/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="material-design-iconic-font.min.css" tppabs="https://demo.mycodes.net/denglu/disanfanglogin/fonts/iconic/css/material-design-iconic-font.min.css">
	<link rel="stylesheet" type="text/css" href="util.css" tppabs="https://demo.mycodes.net/denglu/disanfanglogin/css/util.css">
	<link rel="stylesheet" type="text/css" href="main.css" tppabs="https://demo.mycodes.net/denglu/disanfanglogin/css/main.css">
</head>

<body style="background-image: url(a.jpg);">

	<div class="limiter">
		<div class="container-login100" style="background-image: url('images/bg-01.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<form class="login100-form validate-form">
					<span class="login100-form-title p-b-49">图灵注册</span>

					<div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
						<span class="label-input100">用户名</span>
						<input class="input100" id="username" type="text" name="username" placeholder="请输入用户名" autocomplete="off">
						<span class="focus-input100" data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="请输入密码">
						<span class="label-input100">密码</span>
						<input class="input100" id="password type="text" name="pass" placeholder="请输入密码">
						<span class="focus-input100" data-symbol="&#xf190;"></span>
					</div>
					
					<div class="wrap-input100 validate-input" data-validate="请输入密码">
						<span class="label-input100">昵称</span>
						<input class="input100" id="loginname" type="text" name="pass" placeholder="请输入昵称">
						<span class="focus-input100" data-symbol="&#xf190;"></span>
					</div>

					<div class="text-right p-t-8 p-b-31">
					
					</div>

					<div class="container-login100-form-btn">
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button onclick="add()" class="login100-form-btn">注册</button>
						</div>
					</div>

				</form>
			</div>
		</div>
	</div>


<script>
	
	
   function add(){
     
     
     var username = $("#username").val()
    var password = $("#password").val()
    var loginname = $("#loginname").val()
    
    if (username == null || username == ""){
       alert("请输入用户名")  
       reutrn 
    }
    if (password == null || password == ""){
       alert("请输入密码")  
       return 
    }
    if (loginname == null || loginname == ""){
       alert("请输入昵称")  
       return 
    }
    
    $.ajax({
      type:"get",
      url:"http://localhost:8080/add",
      data:{username:username,
        password:password,
        loginname:loginname
      },
      success:function(result){
        console.log(result)
        if (result == "1"){
          alert("恭喜注册成功")
          window.location = "login.html"
        }else{
          alert("注册失败")
        }
      }
      
    });  
    
    
     
     
   }
  
  
	
	
	
</script>
<script src="jquery-1.11.1.min.js"></script>
</body>

</html>